<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>layabox官方首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/news.css"/>
	</head>
	<body>
		<!--导航栏start-->
		<nav class="navbar navbar-default">
        <div class="container">
        	<!--移动端才会出现的LOGO和菜单按钮-->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="img/logo.png"/></a>
          </div>
          <!--平板端以上的横向导航-->
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="layabox.html">首页</a></li>
              <li><a href="family.html">Laya家族</a></li>
              <li><a href="game.html">游戏</a></li>
              <li><a href="news.html">新闻动态</a></li>
              <li><a href="about.html">关于我们</a></li>
            </ul>
            <!--切换语言按钮-->
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">语言 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">中文</a></li>
                  <li><a href="#">English</a></li>
                </ul>
              </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>
      
      <!--新闻-->
      <div class="container news">
      	<div class="row head">
      		<div class="col-xs-12 col-md-12">
      			<h6>新闻动态</h6>
      		</div>
      	</div>
      	<!--滚动新闻-->
      	<div class="row rolling">
      		<div class="col-xs-12 col-sm-6 col-md-4 box" >
      			<div class="imgBox">
      				<a href="#"><img src="img/news_rolling_1.jpg"/></a>
      				<span>技术突破：HTML5裸跑性能已可媲美APP</span>
      			</div>
      		</div>
      		<div class="col-xs-12 col-sm-6 col-md-4 box">
      			<div class="imgBox">
      				<a href="#"><img src="img/news_rolling_2.jpg"/></a>
      				<span>HTML5干货：LAYAWORLD  TFC秋季特刊</span>
      			</div>
      		</div>
      		<div class="col-xs-12 col-sm-6 col-md-4 box">
      			<div class="imgBox">
      				<a href="#"><img src="img/news_rolling_3.jpg"/></a>
      				<span>慕和：手游大作《魔卡幻想》为何移植HTML5</span>
      			</div>
      		</div>
      	</div>
      	<div class="row list">
      		<div class="col-xs-12 col-md-12">
      			<!--每个新闻列表单独-->
      			<div class="row each">
      				<!--图片-->
      				<div class="col-xs-12 col-sm-4 col-md-2 left">
      					<div class="imgBox">
      						<img src="img/news_list_1.jpg"/>
      					</div>
      				</div>
      				<!--文字-->
      				<div class="col-xs-12 col-sm-8 col-md-10 right" >
      					<h6><a href="#">技术突破：HTML5裸跑性能已可媲美APP</a></h6>
      					<p><span>2016-02-25</span></p>
      					<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5
      						裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
      					</p>
      				</div>
      				<div class="col-xs-12 col-sm-12 col-md-12 btnRow clearfix">
      					<a href="#" class="pull-right">查看详情</a>
      				</div>
      			</div>
      			<!--每个新闻列表单独-->
      			<div class="row each">
      				<!--图片-->
      				<div class="col-xs-12 col-sm-4 col-md-2 left">
      					<div class="imgBox">
      						<img src="img/news_list_2.jpg"/>
      					</div>
      				</div>
      				<!--文字-->
      				<div class="col-xs-12 col-sm-8 col-md-10 right" >
      					<h6><a href="#">技术突破：HTML5裸跑性能已可媲美APP</a></h6>
      					<p><span>2016-02-25</span></p>
      					<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5
      						裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
      					</p>
      				</div>
      				<div class="col-xs-12 col-sm-12 col-md-12 btnRow clearfix">
      					<a href="#" class="pull-right">查看详情</a>
      				</div>
      			</div>
      			<!--每个新闻列表单独-->
      			<div class="row each">
      				<!--图片-->
      				<div class="col-xs-12 col-sm-4 col-md-2 left">
      					<div class="imgBox">
      						<img src="img/news_list_3.jpg"/>
      					</div>
      				</div>
      				<!--文字-->
      				<div class="col-xs-12 col-sm-8 col-md-10 right" >
      					<h6><a href="#">技术突破：HTML5裸跑性能已可媲美APP</a></h6>
      					<p><span>2016-02-25</span></p>
      					<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5
      						裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
      					</p>
      				</div>
      				<div class="col-xs-12 col-sm-12 col-md-12 btnRow clearfix">
      					<a href="#" class="pull-right">查看详情</a>
      				</div>
      			</div>
      			<!--每个新闻列表单独-->
      			<div class="row each">
      				<!--图片-->
      				<div class="col-xs-12 col-sm-4 col-md-2 left">
      					<div class="imgBox">
      						<img src="img/news_list_4.jpg"/>
      					</div>
      				</div>
      				<!--文字-->
      				<div class="col-xs-12 col-sm-8 col-md-10 right" >
      					<h6><a href="#">技术突破：HTML5裸跑性能已可媲美APP</a></h6>
      					<p><span>2016-02-25</span></p>
      					<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5
      						裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
      					</p>
      				</div>
      				<div class="col-xs-12 col-sm-12 col-md-12 btnRow clearfix">
      					<a href="#" class="pull-right">查看详情</a>
      				</div>
      			</div>
      			<!--每个新闻列表单独-->
      			<div class="row each">
      				<!--图片-->
      				<div class="col-xs-12 col-sm-4 col-md-2 left">
      					<div class="imgBox">
      						<img src="img/news_list_5.jpg"/>
      					</div>
      				</div>
      				<!--文字-->
      				<div class="col-xs-12 col-sm-8 col-md-10 right" >
      					<h6><a href="#">技术突破：HTML5裸跑性能已可媲美APP</a></h6>
      					<p><span>2016-02-25</span></p>
      					<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5
      						裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
      					</p>
      				</div>
      				<div class="col-xs-12 col-sm-12 col-md-12 btnRow clearfix">
      					<a href="#" class="pull-right">查看详情</a>
      				</div>
      			</div>
      			<!--每个新闻列表单独-->
      			<div class="row each">
      				<!--图片-->
      				<div class="col-xs-12 col-sm-4 col-md-2 left">
      					<div class="imgBox">
      						<img src="img/news_list_6.jpg"/>
      					</div>
      				</div>
      				<!--文字-->
      				<div class="col-xs-12 col-sm-8 col-md-10 right" >
      					<h6><a href="#">技术突破：HTML5裸跑性能已可媲美APP</a></h6>
      					<p><span>2016-02-25</span></p>
      					<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5
      						裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
      					</p>
      				</div>
      				<div class="col-xs-12 col-sm-12 col-md-12 btnRow clearfix">
      					<a href="#" class="pull-right">查看详情</a>
      				</div>
      			</div>
      			<!--每个新闻列表单独-->
      			<div class="row each">
      				<!--图片-->
      				<div class="col-xs-12 col-sm-4 col-md-2 left">
      					<div class="imgBox">
      						<img src="img/news_list_7.jpg"/>
      					</div>
      				</div>
      				<!--文字-->
      				<div class="col-xs-12 col-sm-8 col-md-10 right" >
      					<h6><a href="#">技术突破：HTML5裸跑性能已可媲美APP</a></h6>
      					<p><span>2016-02-25</span></p>
      					<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5
      						裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
      					</p>
      				</div>
      				<div class="col-xs-12 col-sm-12 col-md-12 btnRow clearfix">
      					<a href="#" class="pull-right">查看详情</a>
      				</div>
      			</div>
      			<!--每个新闻列表单独-->
      			<div class="row each">
      				<!--图片-->
      				<div class="col-xs-12 col-sm-4 col-md-2 left">
      					<div class="imgBox">
      						<img src="img/news_list_8.jpg"/>
      					</div>
      				</div>
      				<!--文字-->
      				<div class="col-xs-12 col-sm-8 col-md-10 right" >
      					<h6><a href="#">技术突破：HTML5裸跑性能已可媲美APP</a></h6>
      					<p><span>2016-02-25</span></p>
      					<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5
      						裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
      					</p>
      				</div>
      				<div class="col-xs-12 col-sm-12 col-md-12 btnRow clearfix">
      					<a href="#" class="pull-right">查看详情</a>
      				</div>
      			</div>
      			<!--每个新闻列表单独-->
      			<div class="row each">
      				<!--图片-->
      				<div class="col-xs-12 col-sm-4 col-md-2 left">
      					<div class="imgBox">
      						<img src="img/news_list_9.jpg"/>
      					</div>
      				</div>
      				<!--文字-->
      				<div class="col-xs-12 col-sm-8 col-md-10 right" >
      					<h6><a href="#">技术突破：HTML5裸跑性能已可媲美APP</a></h6>
      					<p><span>2016-02-25</span></p>
      					<p>Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了HTML5
      						裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。
      					</p>
      				</div>
      				<div class="col-xs-12 col-sm-12 col-md-12 btnRow clearfix">
      					<a href="#" class="pull-right">查看详情</a>
      				</div>
      			</div>
      		</div>
      	</div>
      	<!--页码-->
      		<div class="row page">
      			<div class="col-xs-12 col-sm-12 col-md-12">
      				<div class="btnGroup clearfix">
      					<a href="#">36条</a>
      					<a href="#">上一页</a>
      					<a href="#">1</a>
      					<a href="#">2</a>
      					<a href="#">3</a>
      					<a href="#">4</a>
      					<a href="#">下一页</a>
      				</div>
      			</div>
      		</div>
      </div>
     	<!--网页底部-->
     	<div class="container-fluid bottom">
     		<div class="row">
     			<div class="col-xs-11 col-xs-offset-1 col-md-10 col-md-offset-1 content">
     				<a href="#">公司简介</a>
     				<a href="#">联系方式</a>
     				<a href="#">人才招聘</a>
     				<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
     				<div class="contact clearfix ">
     					<div class="imgBox pull-left">
     						<img src="img/youjian.png"/>
     						
     					</div>
     					<div class="imgBox pull-left">
     						<img src="img/wechat.png"/>
     						<div class="erweima">
     							
     						</div>
     					</div>
     					<div class="imgBox pull-left">
     						<img src="img/qq.png"/>
     					</div>
     				</div>
     			</div>
     		</div>
     	</div>
      <!--引入bootstarp.js-->
      <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
      <script type="text/javascript" src="js/bootstrap.js"></script>
	</body>
</html>
